{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {#    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"积分",back:1} %}#}
    <div class="jb01 pad10 flcc c13 pos-r">
        <div class="pos-a l0 t0 r0 fs14">
            <div class="flrc">
                <div class="pad10" @click="goback()"><span class="fa fa-angle-left"></span></div>
                <div class="flex1 tac fs9">积分中心</div>
                <div class="pad10" style="visibility: hidden"><span class="fa fa-angle-left"></span></div>
            </div>
        </div>
        <div class="fs24 pad10 mart20">[[money]]</div>
        <div class="padlr9 padtb3 round30 bddo bdc13 fs7 marb10">余额</div>
    </div>


    <div class="bc13 padtb9 padlr2">
        <div class="flex-r flex-fill">
            <div class="pad3 tac bcf round3" v-for="item in set">
                <div class="fs11 c1">+[[ item[1] ]]</div>
                <div class="fs6">第 [[ item[0]  ]]天</div>
            </div>
            <div class="flcc bdso jb01 round3 flex1" @click="sign()" v-if="signCheck == 0">
                <div class="padlr5 padtb3 round30 bdc13 fs6 c1 bc13"> 点击签到 ( 第[[signCount]]天 )</div>
            </div>
            <div class="flcc bdso jb01 round3 flex1" v-if="signCheck == 1">
                <div class="padlr5 padtb3 round30 bdc13 fs6 c1 bc13"> 已签到，已连续[[signCount]]天 </div>
            </div>
        </div>
    </div>


    <div class="pad10">
        <div class="padb5 c11 fs10">玩转积分</div>
        <div class="flrc  tac fs7 c12 lh2">
{#            <mu-ripple @click="showToast('敬请期待')" class="flex1 flcc pos-r">#}
            <mu-ripple @click="goto('coinShop')" class="flex1 flcc pos-r">
                <div class="wh15-15 flcc bc01 round3">
                    <svg t="1585367675226" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2327" width="10vw" height="10vw">
                        <path d="M923.584 960H299.296a35.68 35.68 0 1 1 0-71.344h587.856V135.344H136.848v711.232a36.432 36.432 0 0 1-72.848 0V99.664A35.696 35.696 0 0 1 100.416 64h823.152A35.696 35.696 0 0 1 960 99.664v824.672A36.64 36.64 0 0 1 923.584 960z"
                              p-id="2328" fill="#ffffff"></path>
                        <path d="M512 512a287.04 287.04 0 0 1-288-284.8 35.552 35.552 0 0 1 71.104 0 216.896 216.896 0 0 0 433.776 0 35.552 35.552 0 0 1 71.104 0A287.04 287.04 0 0 1 512 512z"
                              p-id="2329" fill="#ffffff"></path>
                    </svg>
                </div>
                <div class="mart5">积分商城</div>
            </mu-ripple>
            <mu-ripple @click="showToast('敬请期待')" class="flex1 flcc pos-r">
                <div class="wh15-15 flcc bc02 round3">
                    <svg t="1585367736106" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2759" width="10vw" height="10vw">
                        <path d="M479.2 669.8l64 0 0 62.9-64 0 0-62.9Z" p-id="2760" fill="#ffffff"></path>
                        <path d="M512 320c-70.6 0-128 57.4-128 128l64 0c0-35.3 28.7-64 64-64 35.3 0 64 28.7 64 64s-28.7 64-64 64l-32 0 0 102.2 64 0L544 572c55.1-14.2 96-64.4 96-124C640 377.4 582.6 320 512 320z"
                              p-id="2761" fill="#ffffff"></path>
                        <path d="M512 0C229.2 0 0 229.2 0 512s229.2 512 512 512 512-229.2 512-512S794.8 0 512 0zM828.8 828.8 701.5 701.5c-32.8 32.8-74 57.1-120.1 69.4l46.6 174c-37.6 10.1-76.4 15.1-116 15.1s-78.4-5.1-116-15.1l46.6-174c-46.1-12.3-87.3-36.6-120.1-69.4L195.2 828.8c0 0 0 0 0 0-41.2-41.2-73.5-89.1-96-142.4-8.1-19.1-14.8-38.6-20.1-58.4l174-46.6c-5.9-22.1-9.1-45.4-9.1-69.3 0-24 3.2-47.2 9.1-69.4L79.1 396c5.3-19.8 12-39.3 20.1-58.4 22.6-53.3 54.9-101.3 96-142.4 0 0 0 0 0 0l127.3 127.3c32.8-32.8 74-57.1 120.1-69.4L396 79.1C433.6 69.1 472.4 64 512 64s78.4 5.1 116 15.1l-46.6 174c46.1 12.3 87.3 36.6 120.1 69.4l127.3-127.3c0 0 0 0 0 0 41.2 41.2 73.5 89.1 96 142.4 8.1 19.1 14.8 38.6 20.1 58.4l-174 46.6c5.9 22.1 9.1 45.4 9.1 69.4s-3.2 47.2-9.1 69.4l174 46.6c-5.3 19.8-12 39.3-20.1 58.4C902.3 739.7 869.9 787.6 828.8 828.8 828.8 828.8 828.8 828.8 828.8 828.8z"
                              p-id="2762" fill="#ffffff"></path>
                    </svg>
                </div>
                <div class="mart5">转盘抽奖</div>
            </mu-ripple>
            <mu-ripple @click="showToast('敬请期待')" class="flex1 flcc pos-r">
                <div class="wh15-15 flcc bc03 round3">
                    <svg t="1585376346598" class="icon" viewBox="0 0 1024 1024" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" p-id="2271" width="10vw" height="10vw">
                        <path d="M17.655172 70.62069m70.62069 0l282.482759 0q70.62069 0 70.620689 70.620689l0 282.482759q0 70.62069-70.620689 70.62069l-282.482759 0q-70.62069 0-70.62069-70.62069l0-282.482759q0-70.62069 70.62069-70.620689Z"
                              fill="#ffffff" p-id="2272"></path>
                        <path d="M17.655172 600.09931m70.62069 0l282.482759 0q70.62069 0 70.620689 70.62069l0 282.482759q0 70.62069-70.620689 70.620689l-282.482759 0q-70.62069 0-70.62069-70.620689l0-282.482759q0-70.62069 70.62069-70.62069Z"
                              fill="#ffffff" p-id="2273"></path>
                        <path d="M547.310345 600.09931m70.620689 0l282.482759 0q70.62069 0 70.62069 70.62069l0 282.482759q0 70.62069-70.62069 70.620689l-282.482759 0q-70.62069 0-70.620689-70.620689l0-282.482759q0-70.62069 70.620689-70.62069Z"
                              fill="#ffffff" p-id="2274"></path>
                        <path d="M751.333517-0.006165m49.936369 49.936369l174.77729 174.77729q49.936369 49.936369 0 99.872737l-174.77729 174.77729q-49.936369 49.936369-99.872737 0l-174.77729-174.77729q-49.936369-49.936369 0-99.872737l174.77729-174.77729q49.936369-49.936369 99.872737 0Z"
                              fill="#ffffff" p-id="2275"></path>
                    </svg>
                </div>
                <div class="mart5">更多玩法</div>
            </mu-ripple>
        </div>
    </div>



    <div class="pad10">
        <div class="padb5 c11 fs10">积分记录</div>
        <div class="c12 lh2">
            <div class="flrc pad3" v-for="item in log">
                <div class="flex1 fs9 lh15">
                    <div class="fs7 c12">[[str2time(item.createAt)]]</div>
                    <div class="c11">[[item.tips]]</div>
                </div>
                <div class="fs12 c11 padtb3">
                    <span v-if="item.money > 0">+</span>
                    <span>[[item.money]]</span>
                </div>
            </div>
        </div>
    </div>

{% endblock %}